<template>
    <div>
      <el-container >
        <el-header>
          <top/>
        </el-header>
      
      </el-container>
      <el-container>
        <el-aside width="200px"><left/></el-aside>
        <el-main><RouterView /></el-main>
      </el-container>
    
</div>
</template>

<script setup lang="ts">
import { RouterView } from 'vue-router'
import left from './layOut/left.vue'
import top from './layOut/top.vue'


</script>

<style lang="scss" scoped>
:deep() {
    .el-header {
        background-color: rgb(181, 136, 229);
        height: 60px;
        p, h1, h3 {
            margin: 0; // 清除默认 margin
            padding: 0; // 可选，清除 padding
        }
        p {
            font-size: 20px;
            font-weight: 700;
            color: rgb(255, 255, 255);
        }
        
    }
}

</style>